<div class="content_nav">

	<div class="searchBox">
		<form name="fm" method="get" action="{$HOME_URL}/searches.php">
			<input id="keyword" name="keyword" class="keyword" maxlength="100" value="{$keyword}" placeholder="Start Searching ...">
					
			<button type="submit" class="searchBtn noMargin" value="Search">Search</button>
					
		</form>
	</div>
	
	{if $oCatTree && $oCatTree->getSubCategories()|count > 0}
	<div class="tagBox">
        <div class="navTitlePos navTitleFont">          
            <strong>Sub Categories</strong>          
        </div>
      
		<div class="navContentPos">  
			<DIV class="nav_sub_category">
					<DIV class="subcategory">
						<a href="javascript:void(0);"  onclick="requestPage('/categories/{$oCatTree->getFilteredName()}-coupon-codes', {$oCatTree->getId()}, 1);">
							<font style="font-size:14px;">{$oCatTree->getName()} <span class="titleColor">({$oCatTree->getCouponCount()})</span></font>
						</a>
					</DIV>
					{foreach item=oCat from=$oCatTree->getSubCategories()}
						<DIV class="subcategory">
							{section name=loop2 loop=$oCat->getLevel() * 2} 
								&nbsp;
							{/section}
							<a href="javascript:void(0);"  onclick="requestPage('/categories/{$oCat->getFilteredName()}-coupon-codes', {$oCat->getId()}, 1);">
								<font style="font-size:14px;">{$oCat->getName()} <span class="titleColor">({$oCat->getCouponCount()})</span></font>
							</a>
						</DIV>
						
						{foreach item=oCat3 from=$oCat->getSubCategories()}
							<DIV class="subcategory">
								{section name=loop3 loop=$oCat3->getLevel() * 3} 
									&nbsp;
								{/section}
								<a href="javascript:void(0);"  onclick="requestPage('/categories/{$oCat3->getFilteredName()}-coupon-codes', {$oCat3->getId()}, 1);">
									<font style="font-size:14px;">{$oCat3->getName()} <span class="titleColor">({$oCat3->getCouponCount()})</span></font>
								</a>
							</DIV>
						{/foreach}
					{/foreach}
				</DIV>
      	</div>
      	
      	<div class="marginDown15"><!-- --></div>
	</div><!-- end .categoryBox -->
	{/if}
	
	<div class="tagBox">
        <div class="navTitlePos navTitleFont">          
            <strong>Coupon Tags</strong>          
        </div>
      
		<div class="navContentPos">  
			{foreach item=oTag from=$oTags name=foo}
				<a class="marginLeft5 navFeaturedFont" style="font-size: {$oTag->getCfontSize()}px" href="{$HOME_URL}/tags/{$oTag->getNameId()}-coupon-codes">{$oTag->getName()}</a>
			{/foreach}
      	</div>
      	
      	<div class="marginDown15"></div>
	</div>

 	
	<div class="clear"></div>
  
  	<div class="storeBox">
  		<div class="navTitlePos navTitleFont">
            <strong>
            {if $StoreBoxTitle != ""}
            	{$StoreBoxTitle}
            {else}
            	Related Stores            
            {/if}
            </strong>
        </div>
        
        <div class="navContentPos">
          	{foreach item=oMerchant from=$oMerchants name=foo}
          		<a class="marginLeft5 navContentFont" style="font-size: {$oMerchant->getCfontSize()}px" href="{$HOME_URL}/{$oMerchant->getNameId()}-coupon-codes">{$oMerchant->getName()}</a>
			{/foreach}
		</div>
        <div class="marginDown15"><!-- --></div>
  	</div>
  	<div class="clear"><!-- --></div>

	<div class="shareBox">
  		<div class="navTitlePos navTitleFont">          
            <strong>Social Shares</strong>
        </div>
        
        <div class="navContentPos">
        	<DIV class="facebook_like">
				<div id="fb-root"></div>
					<script>(function(d, s, id) {
					  var js, fjs = d.getElementsByTagName(s)[0];
					  if (d.getElementById(id)) return;
					  js = d.createElement(s); js.id = id;
					  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
					  fjs.parentNode.insertBefore(js, fjs);
					}(document, 'script', 'facebook-jssdk'));</script>

				<div class="fb-like" data-send="true" data-width="320" data-show-faces="true" data-font="arial"></div>
			</DIV>
			
			<DIV class="google_add_1">
				<!-- Place this tag where you want the +1 button to render. -->
				<div class="g-plusone" data-annotation="inline" data-width="300"></div>
				
				<!-- Place this tag after the last +1 button tag. -->
				<script type="text/javascript">
				  (function() {
				    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
				    po.src = 'https://apis.google.com/js/plusone.js';
				    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
				  })();
				</script>
			</DIV>
			
			<DIV class="tweet_share_link">
				<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
				<script>
				{literal}!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");{/literal}
				</script>					
			</DIV>
			
		</div>
        <div class="marginDown15"><!-- --></div>
  	</div>
  	
	<div>
<!--  		<div class="navTitlePos navTitleFont">          
            <strong>Sub Categories</strong>          
        </div>
        <div class="navContentPos">
        	<ul class="tag-list navContentFont" itemprop="keywords">
		        <li><a href="/browse/tags/default/amazon">amazon</a></li>
		        <li><a href="/browse/tags/default/amazon ses">amazon ses</a></li>
		        <li><a href="/browse/tags/default/aws">aws</a></li>
		        <li><a href="/browse/tags/default/google apps">google apps</a></li>
		     </ul>
        </div>-->
	</div>

	


</div>